.person-dialog {
  --margin-space: 20px;
  --background-color: #f4f9ff;
  display: flex;
  margin-top: 32px;
  .person-left {
    margin-right: var(--margin-space);
    padding: 24px 22px;
    width: 388px;

    background-color: var(--background-color);
    .title {
      margin-bottom: 46px;
      font-size: 24px;
      color: #464646;
    }
    p {
      margin-left: 34px;
      margin-bottom: var(--margin-space);
      font-size: 18px;
      color: #555;
    }
    .tags {
      margin-left: 34px;
      .tag {
        display: inline-block;
        padding: 8px 14px;
        margin-right: var(--margin-space);
        margin-bottom: var(--margin-space);
        color: #127eff;
        background-color: #deebfb;
      }
    }
  }

  .person-center {
    flex: 1;
    background-color: var(--background-color);
  }

  .person-right {
    margin-left: var(--margin-space);
    width: 388px;
    .risk-box {
      margin-bottom: var(--margin-space);
      padding: 24px 22px;
      background-color: var(--background-color);
      text-align: center;

      .el-col{
        margin-bottom: 15px;
        cursor: pointer;
        &:hover{
          transform: scale(1.1);
        }
      }

      .title {
        margin-bottom: 14px;
        font-size: 24px;
        color: #464646;
        text-align: left;
      }
      .icon{
        width: 90px;
        height: 90px;
      }
      .text{
        margin-top: 3px;
        font-size: 16px;
        color:#474F56;
        &.warning{
          background: linear-gradient(to bottom, #FF222F, #F0727A);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
    }
    .check-box {
      padding: 24px 0px 0px 24px;
      background-color: var(--background-color);

      .check-title {
        margin-bottom: 14px;
        font-size: 24px;
        color: #464646;
        text-align: left;
      }
    }
  }
}
